<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>支付成功</title>
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mui.css?v=1">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mobileSelect.css" />
		<link rel="stylesheet" href="__API__/lib/css/style.css">
		<script type="text/javascript" src="__API__/lib/js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/mui.js"></script>
		<script src="__API__/lib/js/mobileSelect.js" type="text/javascript" charset="utf-8"></script>
		<script src="__API__/lib/js/city.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="__API__/lib/js/swiper.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/vue.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/common.js"></script>
		<script type="text/javascript" src="__API__/lib/js/index.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script></head>

	<body>
		<div class="pay_sucbox" id="app">
			<div class="icon"><img src="__API__/lib/images/pay_suc.png" alt=""></div>
			<h2>支付成功</h2>
			<p>支付成功，您可去 <span class="blue" @click="goDetail('order.html')">我的订单</span> 里查看订单详情</p>
			<div class="pay_bot">
				<div class="pay_btn blue_bg" @click="goDetail('{:url(\'order\')}')">查看订单</div>
				<div class="pay_btn back_btn" @click="goDetail('{:url(\'index\')}')">返回首页</div>
			</div>
		</div>
		<script>
			var app = null;
			app = new Vue({
				el: '#app',
				data: {
					id: ''
				},
				created: function() {
					var that = this;
					that.id = common.getQueryStringRegExp('id');
				},
				methods: {
					goDetail(url) {
						common.openUrl(url)
					}
				}
			});
		</script>
	</body>

</html>
